<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category-particular.css">
    <title>Document</title>
</head>

<body>
    <header>
        <div class="header-top">
            <div class="logo"></div>
            <div class="uplode"></div>
        </div>
        <div class="header-bottom">
            <div class="header-bottom-left">
                <input type="text" placeholder="请输入你想比价的商品">
            </div>
            <a href="javascript:;" class="search">搜索</a>
        </div>
    </header>

    <div class="particular">
        <div class="commodity-particular">
                <!-- getProduct占坑 -->
        </div>
        <div class="commodity-comment">
            <div class="comment-title">网友评价</div>
            <div class="comment-content">
                <!-- getProductcom占坑 -->
            </div>
            <div class="comment-more">查看更多评价</div>
        </div>
        
    </div>
    <footer>
        <div class="direct">
            <a href="javascript:;" class="search">登录</a>
            <a href="javascript:;" class="search">注册</a>
            <a href="#" class="backTop">
                <span></span>返回顶部</a>
        </div>
        <div class="copyright">
            <p>
                <a href="javascript:;">手机APP下载</a> 慢慢买手机版 --
                <span>掌上比价平台</span>
            </p>
            <a href="javascript:;">m.manmanbuy.com</a>
        </div>
    </footer>
</body>
<script src="./js/src/zepto.js"></script>
<script src="./js/src/event.js"></script>
<script src="./js/src/touch.js"></script>
<script src="./js/src/fx.js"></script>
<script src="./js/src/fx_methods.js"></script>
<script src="./js/getproduct.js"></script>
<script src="./js/src/ajax.js"></script>

<!-- 模板 -->
<script src="./assets/art-template/template-web.js"></script>
<script type="text/template" id="getProduct">
    <div class="commodity-title">
            <p>
                <a href="index.html">首页</a> &gt;
                <a href="category-list.html?categoryId={{data[0].categoryId}}">返回上一级</a> &gt;
                <a class="max-w" href="javascript:;">{{data[0].productName}}</a>
            </p>
            <span>筛选</span>
        </div>
        <div class="commodity-content">
            <div class="content-top">
                {{@ data[0].productImg}}
                <div class="tit">{{data[0].productName}}</div>
                <span>收藏</span>
            </div>
            <div class="content-bottom">
                <div class="bijia">
                    <span>比价购买</span>
                    <span>产品参数</span>
                    <span>评价</span>
                </div>
                {{@ data[0].bjShop}}
                <div class="explain"> * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</div>
            </div>
        </div>
</script>

<script type="text/template" id="getProductcom">
{{each data value}}
    <div class="comment-use clearfix">
        <div class="user clearfix">
            <span class="user-name">{{value.comName}}</span>
            <span class="user-time">{{value.comTime}}</span>
        </div>
        <div class="buy-from">{{value.comFrom}}</div>
        <div class="use-tell">{{value.comContent}}</div>
    </div> 
{{/each}}
</script>
</html>